<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>爱奇艺个人中心</title>
    <link rel="stylesheet" href="css/kanguo.css">
</head>
<body>
    <div class="header w">
        <div class="nav-1">
          <h2><a href="#">iQIYI爱奇艺</a></h2>
        </div>
          <div class="nav">
              <ul>
                  <li><a href="index.html">首页</a></li>
                  <li><a href="#">电视剧</a></li>
                  <li><a href="#">电影</a></li> 
                  <li><a href="#">云影院</a></li>
                  <li><a href="#">会员中心</a></li>
              </ul>
          </div>
          <div class="search">
              <input type="text" value="请输入想看的视频">
              <button class="iconfon icon-huaban9">
                <a><img src="img/16.png" alt=""></a>
              </button>
          </div>
          <div class="user">
            <ul>
              <li>
                <a href="#"><img src="img/vip.png"></a>
                <a href="#"><h5>VIP</h5></a>
              </li>
              <li>
                <a href="#"><img src="img/12.png"></a>
                <a href="#"><h5>游戏</h5></a>
              </li>
              <li>
                <a href="#"><img src="img/13.png"></a>
                <a href="#"><h5>上传</h5></a>
              </li>
              <li>
                <a href="#"><img src="img/14.png"></a>
                <a href="#"><h5>客户</h5></a>
              </li>
              <li>
                <a href="#"><img src="img/15.png"></a>
                <a href="#"><h5>看过</h5></a>
              </li>
              <li>
                <a href="denglu.html"><img src="img/31.png"></a>
                <a href="denglu.html"><h5>登录</h5></a>
              </li>
            </ul>
          </div>
      </div>

      <div class="acticle w">
        <div class="left">
            <div class="left-1">
                <ul>
                    <li class="one"><img src="img/58.jpg" alt=""></li>
                    <li><a><h4>不枉姑娘爱少年</h4></a></li>
                    <li><img src="img/54.jpg" alt=""></li>
                    <li><img src="img/55.jpg" alt=""></li>
                    <li><img src="img/56.jpg" alt=""></li>
                </ul>
            </div>
            <div class="left-3">
                <ul class="three">
                    <li>
                        <a href="#"><img src="img/59.png" alt=""></a>
                        <a href="#">观看历史</a>
                    </li>
                    <li>
                        <img src="img/60.png" alt="">
                        <a href="#">收藏 / 预约 / 点赞</a>
                    </li>
                    <li>
                        <img src="img/61.png" alt="">
                        <a href="#">我的关注</a>
                    </li>
                </ul>
            </div>
            <div class="left-4">
                <ul class="three">
                    <li>
                        <img src="img/62.png" alt="">
                        <a href="#">vip会员</a>
                    </li>
                    <li>
                        <img src="img/63.png
                        " alt="">
                        <a href="#">我的课程</a>
                    </li>
                    <li>
                        <img src="img/64.png" alt="">
                        <a href="#">钱包</a>
                    </li>
                    <li>
                        <img src="img/65.png" alt="">
                        <a href="#">微服务</a>
                    </li>
                </ul>
            </div>
            <div class="left-5">
                <ul class="three">
                    <li>
                        <img src="img/66.png" alt="">
                        <a href="#">帮助与反馈</a>
                    </li>
                    <li>
                        <img src="img/67.png" alt="">
                        <a href="#">设置</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="right">
            <div class="right-1">
                <a href="#"><h3>观看历史</h3></a>
            </div>
            <div class="right-2">
                <ul>
                    <li>
                        <a href="#"><img src="img/68.jpg" alt=""></a>
                        <a href="#"><h4>最恶王冠</h4></a>
                        <p>第5集 观看至80%</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/69.jpg" alt=""></a>
                        <a href="#"><h4>他从火光中走来</h4></a>
                        <p>第9集 观看至54%</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/71.jpg" alt=""></a>
                        <a href="#"><h4>云之羽</h4></a>
                        <p>第15集 观看至66%</p>
                    </li>
                    <li class="right-3">
                        <a href="#"><img src="img/72.jpg" alt=""></a>
                        <a href="#"><h4>莲花楼</h4></a>
                        <p>第6集 观看至59%</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/73.jpg" alt=""></a>
                        <a href="#"><h4>巨齿鲨2：深渊</h4></a>
                        <p>观看至80%</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/74.jpg" alt=""></a>
                        <a href="#"><h4>传奇</h4></a>
                        <p>观看至100%</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/75.jpg" alt=""></a>
                        <a href="#"><h4>怪兽电力公司</h4></a>
                        <p>观看至79%</p>
                    </li>
                    <li class="right-3">
                        <a href="#"><img src="img/76.jpg" alt=""></a>
                        <a href="#"><h4>飞屋环游记</h4></a>
                        <p>观看至100%</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/77.jpg" alt=""></a>
                        <a href="#"><h4>阿凡达：水之道</h4></a>
                        <p>观看至100%</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/78.jpg" alt=""></a>
                        <a href="#"><h4>速度与激情4</h4></a>
                        <p>观看至100%</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/79.jpg" alt=""></a>
                        <a href="#"><h4>阿丽塔：战斗天使</h4></a>
                        <p>观看至56%</p>
                    </li>
                    <li class="right-3">
                        <a href="#"><img src="img/80.jpg" alt=""></a>
                        <a href="#"><h4>天空之城</h4></a>
                        <p>观看至80%</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/81.jpg" alt=""></a>
                        <a href="#"><h4>逃出白垩纪</h4></a>
                        <p>观看至35%</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/82.jpg" alt=""></a>
                        <a href="#"><h4>闪电侠</h4></a>
                        <p>观看至66%</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/83.jpg" alt=""></a>
                        <a href="#"><h4>赌侠</h4></a>
                        <p>观看至100%</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/84.jpg" alt=""></a>
                        <a href="#"><h4>赌圣</h4></a>
                        <p>观看至100%</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/85.jpg" alt=""></a>
                        <a href="#"><h4>武状元苏乞儿</h4></a>
                        <p>观看至100%</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/86.jpg" alt=""></a>
                        <a href="#"><h4>蚁人2：黄蜂女现身</h4></a>
                        <p>观看至80%</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/87.jpg" alt=""></a>
                        <a href="#"><h4>功夫</h4></a>
                        <p>观看至90%</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/88.jpg" alt=""></a>
                        <a href="#"><h4>花木兰</h4></a>
                        <p>第5集 观看至80%</p>
                    </li>
                    <li>
                        <a href="#"><img src="img/89.jpg" alt=""></a>
                        <a href="#"><h4>美国队长2</h4></a>
                        <p>观看至80%</p>
                    </li>
                </ul>
            </div>
        </div>
      </div>
</body>
</html>